<!DOCTYPE html>
<html class="no-js" lang="">

<head>
    #include( "/public-head.html")


</head>

<body style="background-color: #ffffff !important;">

<div class="main-content" >
    <div class="panel" >
        <div class="panel-body" >
            <form action="/vrs/album/golist.html" id="seachForm" class="seach-form">
                <ul class="pager pager-square pull-left">
                    <li >
                        <span>id：<input name="albumId"  value="$!{album.albumId}"  style="width: 30px;"></span>
                    </li>
                    <li >
                        <span>名称：<input name="name" id="channelName" value="$!{album.name}"  style="width: 60px;"></span>
                    </li>
                    <li >
                        频道：
                            <select id="channelSelect"  data-placeholder="请选择频道" class="chosen w100" name="album.channel.channelId">
                                <option value=""></option>
                                #if($channelList)
                                #foreach( $row in $!{channelList})
                                <option value="$!{row.channelId}">$!{row.name}</option>
                                #end
                                #end
                            </select>

                    </li>
                    <li >
                        版权：
                            <select id="copyrightSelect"  data-placeholder="请选择版权" class="chosen w100" name="album.copyrightCompeny.copyrightCompanyId">
                                <option value=""></option>
                                #if($copyrightCompanyList)
                                #foreach( $row in $!{copyrightCompanyList})
                                <option value="$!{row.copyrightCompanyId}">$!{row.name}</option>
                                #end
                                #end
                            </select>

                    </li>
                    <li >
                        上线状态：
                            <select id="isdisplaySelect"  data-placeholder="请选择" class="chosen" style="width: 70px;" name="album.isdisplay">
                                <option value="">全部</option>
                                <option value="1">上线</option>
                                <option value="0">下线</option>
                            </select>

                    </li>
                    <li>
                        <button title="搜索"  type="submit"  class="btn btn-icon-icon btn-sm btn-info" ><i class="fa fa-search"></i></button>
                    </li>

                </ul>
            </form>
            <ul class="pager pager-square pull-right">
                <button id="addAlbum" type="button" title="添加" class="btn btn-info btn-sm btn-icon-icon mr5" data-url="/vrs/album/edit.html" data-text="添加专辑"  data-target="new" >
                    <i class="fa fa-plus"></i>
                </button>
                <button  class="btn btn-success btn-sm btn-icon-icon mr5 batch" ajax-url="/vrs/album/batch/display/1.jsn?albumIds=" title="批量上线">
                    <i class="fa fa-angle-double-up"></i>
                </button>
                <button  class="btn btn-success btn-sm btn-icon-icon mr5 batch" ajax-url="/vrs/album/batch/display/0.jsn?albumIds=" title="批量下线" >
                    <i class="fa fa-angle-double-down"></i>
                </button>

                <button type="button" title="刷新" class="btn btn-info btn-sm btn-icon-icon mr5" data-url="/vrs/album/golist.html">
                    <i class="fa fa-spinner"></i>
                </button>
            </ul>
            <table id="listTable" class="table table-bordered bordered table-striped table-condensed vrs-table" data-url="/vrs/album/golist.html"><!--datatable-->
                <thead>
                <tr>
                    <th><a href="#" class="csa select-all">全选</a>&nbsp;&nbsp;<a href="#" class="csa select-reverse">反选</a></th>
                    <th>配图</th>
                    <th>名称</th>
                    <th>频道</th>
                    <th>版权</th>
                    <th>更新状态</th>
                    <th>上线状态</th>
                    <th>更新时间</th>
                    <th>操作</th>
                </tr>
                </thead>
                <tbody>
                #if($page)
                    #foreach( $row in $!{page.rows})
                    <tr>
                        <td><input type="checkbox" value="$!{row.albumId}">&nbsp;$!{row.albumId}</td>
                        <td class="pic-td">$!{row.standardPic}</td>
                        <td>$!{row.name}</td>
                        <td>$!{row.channel.name}</td>
                        <td>$!{row.copyrightCompeny.name}</td>
                        <td>$!{row.latestVideo.name}</td>
                        <td>
                            #if($!{row.isdisplay}==1)
                            上线
                            #end
                            #if($!{row.isdisplay}==0)
                            下线
                            #end
                        </td>
                        <td class="time-td">$!{row.lastModifyTime}</td>
                        <td>
                            <button title="修改" class="btn btn-icon-icon btn-sm btn-primary" data-url="/vrs/album/edit.html?albumId=$!{row.albumId}" id="update-album-$!{row.albumId}" data-text="修改专辑[$!{row.albumId}]"  data-target="new"><i class="fa fa-edit"></i></button>
                            <button title="该专辑视频列表" class="btn btn-icon-icon btn-sm btn-primary" data-url="/vrs/video/golist.html?video.album.albumId=$!{row.albumId}" id="video-list-$!{row.albumId}" data-text="视频列表-[$!{row.albumId}]"  data-target="new"><i class="fa fa-th-list"></i></button>
                            #if($!{row.isdisplay}==1)
                            <button title="下线" class="btn btn-icon-icon btn-sm btn-primary" ajax-url="/vrs/album/batch/display/0.jsn?albumIds=$!{row.albumId}" ><i class="fa fa-arrow-down"></i></button>
                            #end
                            #if($!{row.isdisplay}==0)
                            <button title="上线" class="btn btn-icon-icon btn-sm btn-primary" ajax-url="/vrs/album/batch/display/1.jsn?albumIds=$!{row.albumId}" ><i class="fa fa-arrow-up"></i></button>
                            #end
                            <!--<button title="删除" class="btn btn-icon-icon btn-sm btn-danger" ajax-url="/vrs/album/delete/$!{row.albumId}.jsn"><i class="fa fa-remove"></i></button>-->

                        </td>
                    </tr>
                    #end
                #end
                </tbody>
            </table>
            <ul id="ul-page" class="pager pager-square pull-left" >
                <li >
                    <a href="" id="first-page" page="1">第一页</a><!--/vrs/channel/list.jsn-->
                </li>
                <li >
                    <a href="" id="prev-page" page="$!{page.prevPage}">上一页</a><!--/vrs/channel/list.jsn?page=$!{page.prevPage}-->
                </li>
                <li>
                    <a href="" id="next-page" page="$!{page.nextPage}">下一页</a><!--/vrs/channel/list.jsn?page=$!{page.nextPage}-->
                </li>
                <li >
                    <a href="" id="last-page" page="$!{page.total}">最后一页</a><!--/vrs/channel/list.jsn?page=$!{page.total}-->
                </li>
            </ul>
            <ul class="pager pager-square pull-right">
                <li >
                    <span><input name="page" style="border: none;background: none;width: 40px;"></span>
                </li>
                <li>
                    <a href="">跳转</a>
                </li>
                <li id="page-total">
                    <span>$!{page.page}/$!{page.total} 页</span>
                </li>
                <li id="total-rows">
                    <span>总共: $!{page.records} 条</span>
                </li>
            </ul>
        </div>
    </div>

</div>

#include( "/public-script.html")
#include( "/sub-script.html")
<script>
    initEditSelect('channelSelect','$!{album.channel.channelId}');
    initEditSelect('copyrightSelect','$!{album.copyrightCompeny.copyrightCompanyId}');
    initEditSelect('isdisplaySelect','$!{album.isdisplay}');
</script>
</body>

</html>
